<template>
 <div class="user-list-warp">
   <div class="user-list-title">
     <span class="iconfont icon-home"></span>
     <slot>粉丝(0)</slot>
   </div>
   <div class="user-list">
     <router-link :to="`/profile/${user.id}`" class="user-list-item" v-for="user of list" :key="user.id">
       <img class="avaitor" :src="user.picture" alt="">
        <span>{{ user.nickName }}</span>
     </router-link>
   </div>
 </div>
</template>
<script>
export default {
  name: 'userList',
  props: ['list']
}
</script>
<style lang="scss" scoped>
.user-list-warp{
  margin-top: 10px;
  .user-list-title{
    color: #666;
    font-weight: bold;
    line-height: 40px;
  }
  .user-list{
    border-top: 1px solid #ccc;
    .user-list-item {
      display: block;
      margin-top: 5px;
      margin-bottom: 5px;
    }
  }
}
</style>
